<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
	
	<h:head>
        <title>Title</title>
    </h:head>
	
	
	<h:body>
	<p:layout fullPage="true">
    <p:layoutUnit position="north" resizable="true" closable="true" collapsible="true">
    <h:form>
       <ui:include src="login.xhtml"></ui:include>
    </h:form>   
       
    </p:layoutUnit>
 
    <p:layoutUnit position="center">
    
	<h:form>
	<p:inputText name="search" value="#{experienceBean.searchKey}" ></p:inputText>
	<p:button value="Search" action="#{experienceBean.doSearch}"></p:button>
	</h:form>
	
	<h:form>
	<p:dataTable id="expTable" var="exp" value="#{experienceBean.exp}">
        <f:facet name="header">
            Popular Experiences
        </f:facet>
        <p:column headerText="Id">
            <h:outputText value="#{exp.id}" />
        </p:column>
        <p:column headerText="Text">
            <h:outputText value="#{expList[0].text}" />
        </p:column>
        <p:column headerText="Date">
            <h:outputText value="#{expList[0].date}" />
        </p:column>
    </p:dataTable>
    </h:form>
	    
    </p:layoutUnit>
    
    <p:layoutUnit position="south">
    	<ui:include src="expShort.xhtml"></ui:include>
    </p:layoutUnit>
</p:layout>
		
	
	
	
	
		
	
	
	</h:body>
	</html>